<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>扩展选择器</title>
    <style>
      div p{
        color: dodgerblue;
      }

      div > p{
        border:1px solid;
      }

      input[type="text"]{
        border: 5px solid;
      }

      a:link{
          color: deeppink;
      }

      a:hover{
          color: blueviolet;
      }

      a:active{
          color: green;
      }

      a:visited{
          color: blue;
      }
    </style>
</head>
<body>

  <div>
    <p>乘风破浪会有时</p>
  </div>
  <p>直挂云帆济沧海</p>

  <div>噫吁嚱</div>

  <input type="text">
  <input type="password">
    <br><br><br><br>

  <a href="#">"诗仙"李白</a>

</body>
</html>